// pages/course/course.js
const API = require("../../http/API")
Page({

	/**
	 * 页面的初始数据
	 */
	data: {
		// 顶部分类
			courseList: [
				{ type: 1, value: '最新' },
			  { type: 2, value: '入门' },
			  { type: 3, value: '进阶' },
			  { type: 4, value: '免费' },
				{ type: 5, value: '图文' },
				{ type: 6, value: '兑换' },
				{ type: 7, value: '专题' },
			],
			currentCourse: 0,
			fenlei: [],
			addClick: false,
			coursesItem: [],
			page:1,
			title: '',
			// 点击分类添加颜色
			colorIndex: 0
	},

	/**
	 * 生命周期函数--监听页面加载
	 */
	onLoad(options) {
		this.fenlei()
		this.series()
	},

	
	//  顶部
	courseItemClick(e){
		this.setData({
			currentCourse: e.currentTarget.dataset.index
		})
	},

	// 搜索
	search(e) {
		clearTimeout(this.time)
		this.time = setTimeout(() => {
			this.setData({
				title: e.detail.value,
			})
			wx.request({
				url: API.coursesItem,
				data:{
					title: e.detail.value,
					page: 1
				},
				success: res=>{
					this.setData({
						coursesItem: res.data.data
					})
				}
			})
		}, 1000);
	},
	

	// 分类渲染
	fenlei(){
		wx.request({
			url: API.course,
			success: res=>{
				this.setData({
					fenlei: res.data.course_subjects
				})
			}
		})
	},


	// 点击分类搜索
	fenleiClick(e){
		wx.request({
			url: API.coursesItem,
			data:{
				course_subjects_ids: e.currentTarget.dataset.id,
				title: this.data.title,
				page: 1
			},
			success: res=>{
				this.setData({
					colorIndex: e.currentTarget.dataset.index,
					coursesItem: res.data.data
				})
			}
		})
	},


	// 点击更多筛选下拉
	gengduoClick(){
		this.setData({
			addClick: !this.data.addClick
		})
	},


	// 触底item
	series(){
		wx.request({
			url: API.coursesItem,
			data: {
        page: this.data.page
			},
			success: res=>{
				this.setData({
					coursesItem: this.data.coursesItem.concat(res.data.data)
				})
			}
		})
	},


	/**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    this.setData({
      page: this.data.page + 1
    })
    this.series()
	},	
})